import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'
import styled from 'styled-components'

const FooterBox = styled.div`
  width: 100%;
  height: 100%;
  display:flex;
  background: #eee;
  a {
    flex:1;
    display:flex;
    justify-content: center;
    align-items: center;
  }
  .active {
    color: red;
  }
`

export default class FooterNav extends Component {
  render() {
    return (
      <FooterBox>
        <NavLink to="/home/delivery">配送到家</NavLink>
        <NavLink to="/home/cart">购物车</NavLink>
      </FooterBox>
    )
  }
}
